<div class="tab-content" style="width: 730px; border: 1px solid #8DB2E3;">
	<div style="float: left; width: 45%;">
	<table>
	<tr>
		<td style="padding: 3px;"><input tabindex="2" type="checkbox" id="LibraryItems" onClick="contactFormSupportObj.showReferralPanel('Library',1);"> 
			<a href="#" onClick="contactFormSupportObj.showReferralPanel('Library',0); return false;" title="View library selections">Library</a></td>
		</td>
		<td style="padding: 3px;">
			<input tabindex="3" type="checkbox" id="EventItems" onClick="contactFormSupportObj.showReferralPanel('Event',1);"> 
			<a href="#" onClick="contactFormSupportObj.showReferralPanel('Event',0); return false;" title="View speaker events selections">Speaker Event</a></td>
		
	</tr>
	<tr>
		<td style="padding: 3px;"><input tabindex="4" type="checkbox" id="OrFIRSTItems" onClick="contactSaveReferralInfoObj.toggleReferralItem('OrFIRST',1);"> OrFIRST</td>
		<td style="padding: 3px;"><input tabindex="5" type="checkbox" id="OrPTIItems" onClick="contactSaveReferralInfoObj.toggleReferralItem('OrPTI',1);"> OrPTI</td>
	</tr>
	<tr>
		<td style="padding: 3px;">
			<input tabindex="6" type="checkbox" id="CareNotebookItems" onClick="contactFormSupportObj.showReferralPanel('CareNotebook',1);">
			<a href="#" onClick="contactFormSupportObj.showReferralPanel('CareNotebook',0); return false;" title="View care notebook selections">Care Notebook</a></td>
		<td style="padding: 3px;">
			<input tabindex="7" type="checkbox" id="FollowUpItems" onClick="contactFormSupportObj.showReferralPanel('FollowUp',1);">
			<a href="#" onClick="contactFormSupportObj.showReferralPanel('FollowUp',0); return false;" title="View follow up selections">Follow-up Required</a></td>
	</tr>
	<tr>
		<td style="padding: 3px;">
			<input tabindex="8" type="checkbox" id="DocumentItems" onClick="contactFormSupportObj.showReferralPanel('Document',1);">
			<a href="#" onClick="contactFormSupportObj.showReferralPanel('Document',0); return false;" title="View document selections">Documents</a></td>
		<td style="padding: 3px;">
			<input tabindex="9" type="checkbox" id="LinkItems" onClick="contactFormSupportObj.showReferralPanel('Link',1);"> 
			<a href="#" onClick="contactFormSupportObj.showReferralPanel('Link',0); return false;" title="View link selections">Link Sent</a></td>
	</tr>
	<tr>
		<td style="padding: 3px;">
			<input tabindex="10" type="checkbox" id="BrochureItems" onClick="contactFormSupportObj.showReferralPanel('Brochure',1);"> 
			<a href="#" onClick="contactFormSupportObj.showReferralPanel('Brochure',0); return false;" title="View brochure selections">Brochures Requested</a></td>
		<td style="padding: 3px;"></td>
	</tr>
	</table>
	</div>

	<!-- Follow-up staff -->
	<div id="panelFollowUpItems" class="checkboxContent" style="float: left; width: 45%; display: none;">
		<div><!-- Extra div to make scriptaculous happy -->
			<p class="iconStaff"><b>Select staff for follow-up notification:</b></p>
			<table>
			<?
			$staffArray = getStaff('array');
			$i=0;
			foreach($staffArray as $staffMember) {
				$staffID      = $staffMember[StaffID];
				$staffName    = $staffMember[NameFirst].' '.$staffMember[NameLast];
				$staffEmail   = $staffMember[Email];
				$staffPhone   = $staffMember[Phone];
				$staffContact = $staffEmail.'<br />Ph: '.$staffPhone; 
				if ($i==0) {
					echo '<tr>';
					$i=1;
				} 
				if ($i>0) {
					echo '<td style="padding: 3px;"><input class="followUpStaffCheckbox" type="checkbox" value="'.$staffID.'" id="staffID_'.$staffID.'" '.$checked.' /> ';
					if (!empty($staffEmail)) {
						echo '<a ext:qtip="'.$staffContact.'" href="mailto:'.$staffEmail.'">'.$staffName.'</a>';
					} else {
						echo $staffName;
					}
					echo '</td>';
					$i++;
					if ($i==3) {
						$i=0;
					}
				}				
				if ($i==0) {
					echo '</tr>';				
				}
			}
			?>			
			</table>
			<textarea id="followUpNotes" class="grayText" style="margin-top: 10px; margin-bottom: 10px; width: 300px; height: 50px;" onFocus="this.style.color = '#000'; contactFormSupportObj.clearFollowUpMessage();">Notes or Instructions:</textarea><br />
			
			<textarea id="followUpAdditionalRecipients" class="grayText" style="margin-bottom: 10px; width: 300px; height: 50px;" onFocus="this.style.color = '#000'; contactFormSupportObj.clearAdditionalRecipients();">Additional recipients: separate multiple email addresses with commas</textarea>
			<p id="errorMessageFollowUp"></p>
			<div style="float: left; margin-right: 5px;">
				<a href="#" class="coolButton buttonBGBlueGray" tabindex="30" onClick="contactSaveReferralInfoObj.saveFollowUpRequired(); return false;"><span class="save">Save</span></a>
			</div>
			<div style="float: left;">
				<a href="#" class="coolButton buttonBGRed" tabindex="30" onClick="contactFormSupportObj.hideReferralPanel('panelFollowUpItems'); return false;"><span class="cancel">Cancel</span></a>
			</div>
			<div style="float: left; margin-left: 10px; margin-top: 5px;" id="messageFollowUp"></div>
			<div style="clear: left;"></div>
		</div>
	</div>

	<!-- Library -->
	<div id="panelLibraryItems" class="checkboxContent" style="float: left; width: 45%; display: none;">
		<div><!-- Extra div to make scriptaculous happy -->
			<p><b>Search the library</b><br />
			<input type="text" id="librarySearchBoxResources" style="width: 380px;" />
			</p>
			<div style="width: 400px; margin: 10px 0 0 7px;" id="referralLibraryItems"></div>
		</div>
	</div>

	<!-- Care Notebook languages -->
	<div id="panelCareNotebookItems" class="checkboxContent" style="float: left; width: 45%; display: none;">
		<div><!-- Extra div to make scriptaculous happy -->
			<div style="float: left; margin-right: 10px;">
				<p><b>Language</b></p>
				<p>
				<input type="checkbox" class="checkboxCareNotebookLanguage" id="careNotebookEnglish" value="English" checked /> English
				<input type="checkbox" class="checkboxCareNotebookLanguage" id="careNotebookSpanish" value="Spanish" /> Spanish
				<input type="checkbox" class="checkboxCareNotebookLanguage" id="careNotebookRussian" value="Russian" /> Russian
				</p>
			</div>
			<div style="float: left;">
				<p><b>Number</b></p>
				<input type="text" style="width: 50px;" id="careNotebookNumber" />
			</div>
			<div style="clear: left;"></div>
			
			<div style="float: left;">
				<a href="#" class="coolButton buttonBGBlueGray" style="margin-top: 10px;" onClick="contactSaveReferralInfoObj.saveCareNotebook(); return false;"><span class="save">Save</span></a>
			</div>
			<div style="float: left; margin-left: 10px; margin-top: 5px;" id="messageCareNotebook"></div>
			<div style="clear: left;"></div>
			
		</div>
	</div>

	<!-- Speaker events -->
	<div id="panelEventItems" class="checkboxContent" style="float: left; width: 48%; display: none;">
		<div id="referralEventGrid" style="width: 380px;"><!-- Extra div to make scriptaculous happy -->
			
		</div>
		<div style="float: left;" id="buttonSaveEvent">
			<a href="#" class="coolButton buttonBGBlueGray" style="margin-top: 10px;" onClick="contactSaveReferralInfoObj.saveEvents(); return false;"><span class="save">Save</span></a>
		</div>
		<div style="float: left; margin-left: 10px; margin-top: 5px;" id="messageEvents"></div>
		<div style="clear: left;"></div>	
	</div>
			
	<!-- Documents -->
	<div id="panelDocumentItems" class="checkboxContent" style="float: left; width: 45%; display: none;">
		<div><!-- Extra div to make scriptaculous happy -->
			<p>
			<input type="checkbox" id="referralDocumentsEmailed" class="checkboxReferralDocuments" value="" /> Emailed
			<input type="checkbox" id="referralDocumentsPrinted" class="checkboxReferralDocuments" value="1" /> Printed
			</p>
			<table class="dataTable" style="width: 100%;">
			<tr>
				<th>Title</th>
				<th>Date</th>	
				<th></th>				
			</tr>
			<tr style="background: #fff;">
				<td><a href="">Document 1</a></td>
				<td>Nov. 2, 2007</td>
				<td></td>
			</tr>
			<tr class="altRow2">
				<td><a href="">Another Document</a></td>
				<td>Nov. 2, 2007</td>
				<td></td>
			</tr>
			<tr style="background: #fff;">
				<td><a href="">And Still Another Document</a></td>
				<td>Dec. 16, 2007</td>
				<td></td>
			</tr>
			</table>
		</div>
	</div>
	
	<!-- Links -->
	<div id="panelLinkItems" class="checkboxContent" style="float: left; width: 45%; display: none;">
		<div><!-- Extra div to make scriptaculous happy -->
			<p><b>Enter Link URL's</b></p>
			<textarea id="linkURLs" class="grayText" style="margin-bottom: 10px; width: 300px; height: 50px;" onFocus="this.style.color = '#000'; contactFormSupportObj.clearLinkURLs();">Separate multiple URLs with commas.</textarea>
			
			<?
			$linkSelect = getLinks('Referral','select');
			
			if (!empty($linkSelect)) {
			?>
			
			<select id="referralLinkSelect" onChange="contactFormSupportObj.populateReferralLinkBox();" size="1" style="width: 300px;">
			<option>Select links...</option>
			<option></option>
			<?=$linkSelect; ?>
			</select>
			
			<? } ?>
					
			<div style="float: left;">
				<a href="#" class="coolButton buttonBGBlueGray" style="margin-top: 10px;" onClick="contactSaveReferralInfoObj.saveLinks(); return false;"><span class="save">Save</span></a>
			</div>
			<div style="float: left; margin-left: 10px; margin-top: 5px;" id="messageLinks"></div>
			<div style="clear: left;"></div>	
		</div>
	</div>
	
	<!-- Brochures -->
	<div id="panelBrochureItems" class="checkboxContent" style="float: left; width: 45%; display: none;">
		<div><!-- Extra div to make scriptaculous happy -->
			<div style="float: left; margin-right: 10px;">
				<p><b>Type of Brochure</b></p>
				<select id="brochureType" size="1" style="width: 150px;">
				<option>Select...</option>
				<option></option>
				<? echo getCategories('Brochure Type');	?>
				</select>
			</div>
			<div style="float: left;">
				<p><b>Number</b></p>
				<input type="text" id="brochureNumber" style="width: 50px;" />
			</div>	
			<div style="clear: left;"></div>
			
			<div style="float: left;">
				<a href="#" class="coolButton buttonBGBlueGray" style="margin-top: 10px;" onClick="contactSaveReferralInfoObj.saveBrochure(); return false;"><span class="save">Save</span></a>
			</div>
			<div style="float: left; margin-left: 10px; margin-top: 5px;" id="messageBrochures"></div>
			<div style="clear: left;"></div>			
		</div>
	</div>
	<div style="clear: left;"></div>
</div>		